<!DOCTYPE html>
<html>
	<head>
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	    <title>2dy's blog</title>
	    <!-- 引入layui css文件 -->
	    <link rel="stylesheet" href="layui-v2.2.3/layui/css/layui.css">
	    <!-- 自定义 css -->
	    <link rel="stylesheet" href="css/index.css">
	</head>
	<body>
	<!-- Header -->
	<div class="header">
        <!-- 个性化标题 -->
        <div class="mytitle">
            <label>2dy's blog</label>
        </div>
        <!-- 导航栏 -->
        <div class="mymenu-content">
            <ul class="mymenu">
                <li><a href="index.html">home</a></li>
                <li><a href="blog.html">blog</a></li>
                <li><a href="about.html">about</a></li>
                <li><a href="contact.html">contact</a></li>
                <li><a href="movies.html">movies</a></li>
                
            </ul>
        </div>
    </div>
    <!-- 个性签名 -->
    <div class="my-sign">
        <!--  包含标志和签名 -->
        <div class="my-signImg">
            <img id="my-signImg" src="img/my-sign.jpg">
            <div class="my-signWord">
                <span class="my-signTitle" id="my-signTitle">一辈子，能坚持做好一件事就很伟大了</span>
                <span class="my-signBody" id="my-signBody">I' am waiting for you here.</span>
            </div>
        </div>
    </div>
    <!-- Content -->
    <div class="main-content">
	    <!-- 个人以及所有文章、留言、照片汇总 包含大分类以及小标签 左面版 -->
	    <div class="my-totalContent">
	        <!-- 1.个人以及汇总部分 -->
	        <div class="blog-inTotal">
	            <!-- 头像 -->
	            <img src="img\微信图片_202210251612094.jpg">
	            <!-- 说明 -->
	            <span>——好好学习，天天向上吧</span>
	            <!-- 各方面汇总(各项目以及数量) -->
	            <fieldset class="layui-elem-field">
	                <legend>技术tags</legend>
	                <!-- 用于存放tags -->
	                <div class="layui-field-box" id="tagContent">
						<span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px;font-weight: 400;">c/c++</span>
		                <span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">python</span>
		                <span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">linux</span>

	                </div>
	            </fieldset>
	        </div>
	    </div>
        <!-- 主体显示部分 右面板 -->
        <div class="content-body">
            <!-- 爱好面板 -->
            <div class="blog-item" style="text-align: left;">
	            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;margin: 50px 0px;">
					  <legend>生涯经历</legend>
					<!--生涯经历部分草稿
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis"></i>
					    <div class="layui-timeline-content layui-text">
					      <div class="layui-timeline-title">文案</div>
					    </div>
					  </li>
						-->
				</fieldset> 
					<ul class="layui-timeline">
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis"></i>
					    <div class="layui-timeline-content layui-text">
					      <div class="layui-timeline-title">2021年9月--？   就读于华中科技大学</div>
					    </div>
					  </li>
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis"></i>
					    <div class="layui-timeline-content layui-text">
					      <div class="layui-timeline-title">2022年9月--？   加入华中科技大学Linux协会</div>
					    </div>
					  </li>
					  
					  
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>
					    <div class="layui-timeline-content layui-text">
					      <div class="layui-timeline-title">未来充满可能。</div>
					    </div>
					  </li>
					</ul>

					<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;margin: 50px 0px;">
						<legend>联系方式</legend>

						
						  <ul class="layui-timeline">
							<li class="layui-timeline-item">
							  <i class="layui-icon layui-timeline-axis"></i>
							  <div class="layui-timeline-content layui-text">
								<div class="layui-timeline-title">QQ：1975793885</div>
							  </div>
							</li>
							<li class="layui-timeline-item">
								<i class="layui-icon layui-timeline-axis"></i>
								<div class="layui-timeline-content layui-text">
								  <div class="layui-timeline-title">QQ邮箱：1975793885@qq.com</div>
								</div>
							  </li>
							
							<!--联系方式模板
							  <li class="layui-timeline-item">
								<i class="layui-icon layui-timeline-axis"></i>
								<div class="layui-timeline-content layui-text">
								  <div class="layui-timeline-title">QQ邮箱：1975793885@qq.com</div>
								</div>
							  </li>
							-->
				  </fieldset> 



            </div>
        </div>
        <hr class="my-line">
    </div>
    <script src="layui-v2.2.3/layui/layui.js"></script>
    <!-- 引入jquery js -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <!-- 自定义 js -->
    <script src="js/index.js"></script>
    <script>
        $(function () {
            //init
            component.init();
        });
    </script>
	</body>
</html>